/**
 * Created by Bruce on 2016/6/30.
 */
$(function () {
   /*  crossbanenr  轮播图  */
    // 鼠标移入  清除定时器
    $(".crossbanenr").mouseenter(function () {
        clearInterval(timerId);   //清除定时器
    });

    // 鼠标移出  开启定时器
    $(".crossbanenr").mouseleave(function () {
        timerId = setInterval(function () {
            timerShow();  //开启定时器  调用函数
        },5000);
    });

    //定时轮播
    var length = $("#crossbanenr").children().length;  //图片原始数量
    var index = 0; //初始化图片的index
    var subIndex = 0;  //初始化圆点的index
    var timerId = setInterval(function () {
        timerShow();  //定时器内调用函数
    },5000);
    function timerShow() {  //封装定时播放的函数
        index++;
        index < length;
        $(".circle").children().eq(index).addClass("on").siblings().removeClass("on");
        $("#crossbanenr").children().eq(index).animate({"opacity": 1},1000).siblings().animate({"opacity": 0},1000);
        if(index == length) {  //图片的索引等于图片个数时
            index = 0;  //设置index 为0
            $(".circle").children().eq(index).addClass("on").siblings().removeClass("on");  //设置圆点的状态
        }
    }

    //无缝轮播
    var firstLi = $("#crossbanenr").children().eq(0);
    var cloneLi = firstLi.clone(true);  //克隆第一张图片
    $("#crossbanenr").append(cloneLi);  //把第一张图片追加到父盒子中

    //鼠标移入圆点显示对应图片
    $(".circle").children().click(function () {
        $(this).addClass("on").siblings().removeClass("on");
        subIndex = $(this).index();
        index = subIndex;  //解决同步问题
        $("#crossbanenr").children().eq(subIndex).animate({"opacity":1},1000).siblings().animate({"opacity":0},1000);
    });


});
